<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/echarts.js" ></script>
	</head>
	<body>
		<div id="job" style="width:600px;height:400px;">
		</div>
		<script>
			myCharts=echarts.init(document.getElementById("job"));
		    var option={
		    	title:{
		    		text:'2021届各专业就业人数',
		    		subtext:'太原学院计算机系',
		    		left:'center'
		    	},
		    	tooltip:{},
		    	toolbox:{
		    		show:true,
		    		feature:{
		    			mark:{show:true},
		    			dataView:{show:true,readOnly:false},
		    			magicType:{show:true,type:['line','bar']},
		    			restore:{show:true},
		    			saveAsImage:{show:true}
		    		}
		    	},
		    	xAxis:{
		    		data:['计科','网络工程','软件工程','数字媒体技术']
		    	},
		    	yAxis:{},
		    	series:[
		    	  {
		    	  	name:'就业数据',
		    	  	type:'bar',
		    	  	data:[900,700,550,1000]
		    	  }
		    	]
		    };
		    myCharts.setOption(option);
		</script>
	</body>
</html>
